body {
  background-color: #EEEEEE !important;
}

.container {
  background-color: #ffffff;
  box-shadow: 0 0 10px 2px rgba(43, 43, 43, 0.2);
  padding: 20px 40px !important;
  margin: 40px 0;
}

.questionnaire-title {
  text-align: center;
}

.questionnaire-description {
  border-bottom: 1px dashed #CCCCCC;
  padding: 0 0 20px 10px;
  margin: 20px 0;
}

.question {
  padding: 8px;
  margin-bottom: 10px;
  position: relative;
}

.question-title {
  font-size: 17px;
}

.question > .top {
  margin-bottom: 10px;
}

.must-answer {
  color: red;
  font-size: 13px;
}

.btn-div {
  text-align: right;
  margin: 40px 0 20px 0;
}

.btn {
  padding: 6px 40px !important;
}

#right-align-field {
  text-align: right;
}

.line-container {
  display: flex;
  align-items: center; /* 可选：用于垂直居中对齐 */
}

.line-label {
  margin-right: 20px; /* 设置文字与线条之间的右边距 */
}

.custom-line1 {
  width: 200px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: red; /* 设置线条的颜色 */
}

.custom-line2 {
  width: 200px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: yellow; /* 设置线条的颜色 */
}

.custom-line3 {
  width: 300px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: blue; /* 设置线条的颜色 */
}

.custom-line4 {
  width: 300px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: green; /* 设置线条的颜色 */
}

.custom-line5 {
  width: 200px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: red; /* 设置线条的颜色 */
}

.custom-line6 {
  width: 240px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: yellow; /* 设置线条的颜色 */
}

.custom-line7 {
  width: 120px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: blue; /* 设置线条的颜色 */
}

.custom-line8 {
  width: 360px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: green; /* 设置线条的颜色 */
}

.custom-line9 {
  width: 600px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: red; /* 设置线条的颜色 */
}

.custom-line10 {
  width: 800px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: yellow; /* 设置线条的颜色 */
}

.custom-line11 {
  width: 500px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: blue; /* 设置线条的颜色 */
}

.custom-line12 {
  width: 800px; /* 设置线条的宽度 */
  height: 20px; /* 设置线条的高度，即宽度 */
  background-color: green; /* 设置线条的颜色 */
}

#right-align-field {
  text-align: right;
}

.button-container {
  text-align: right;
}

.button-container button {
  margin-left: 10px;
}